/*************通用部分********************/
*{margin:0;padding:0;}
html{font-size:100%;}
body{font-family:sans-serif;}
ul,li{list-style-type:none;}
a{text-decoration:none;}

		/***********一些浮动和定位,清除,字体颜色等**************/
.auto{margin:auto;}
.fr{float:right}
.fl{float:left;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.rel{position:relative;}
.abs{position:absolute;}
.fix{position:fixed;}
.cls{clear:both;}
.block{display:block;}
.hide{display:none;}
.inline{display:inline;}
.inline_block{display:inline-block}
.overflow{white-space:nowrap;
			overflow:hidden;
			-o-text-overflow: ellipsis; 
			text-overflow:ellipsis;  
}
		/***********字体按百分比10%缩放,默认比例100%相当于16px***********/
.font_70{font-size:70%}
.font_80{font-size:80%}
.font_90{font-size:90%}
.font-110{font-size:110%}
.font-120{font-size:120%}
.font_130{font-size:130%}
.font_140{font-size:140%}
.font_150{font-size:150%}
.font_160{font-size:160%}
.font_170{font-size:170%}
.font_180{font-size:180%}
.font_190{font-size:190%}
.font_200{font-size:200%}

.bg_none{background:none;}
.bg_bai{background: #fff;}/*********白色********/
.bg_hei{background: #000;}/*********纯黑********/
.bg_hei1{background: #333;}/*********中黑********/
.bg_hei2{background: #666;}/********淡黑********/
.bg_hui{background: #bbb;}/*********重灰********/
.bg_hui1{background: #ccc;}/*********普灰********/
.bg_hui2{background: #eee;}/*********浅灰********/
.bg_lan{background:#004477;}/*************暗蓝********/
.bg_lan1{background: #5DB4F1;}/*********天蓝********/
.bg_fen{background: #FF74B0;}/*********粉色********/
.bg_cheng{background: #F99B21;}/*********橙色********/
.bg_lv{background: #6FD2CF;}/*********青绿********/
.bg_kafei{background: #b37333;}/*********浅咖啡********/


.cl_bai{color:#fff;}/*********白色********/
.cl_hei{color:000;}/*********纯黑********/
.cl_hei1{color:#333;}/*********中黑********/
.cl_hui{color:#bbb}/*********重灰********/
.cl_hui1{color:#ccc;}/*********普灰********/
.cl_hui2{color:#eee}/*********浅灰********/

		/************通用圆角、边线等**************/
.border_none{border:none;}
.border_4{border:1px solid #eee}
.border_top{border-top:1px solid #eee}
.border_left{border-left: 1px solid #eee}
.border_right{border-right:1px solid #eee}
.border_bottom{border-bottom:1px solid #eee;}

.yuan{border-radius:50%;}
.yuan_5{border-radius:5px;}
.yuan_10{border-radius:10px;}

		/************盒子，表格模型，通用**************/
.table_all{display:table;width:100%;margin:auto;}
.cell_all{display:table-cell}
.row_all{display:table-row}
.index_box,.box_all{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow:row wrap;
	margin:auto;
	}
.table{display:table;}
.cell{display:table-cell}
	/**********盒子布局老的兼容写法********/
.old_box {
    display: -moz-box; 
    display: -webkit-box; 
    display: box; 
 }
 
 .box_one {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
} 
.box_center{
			/* Firefox */
				-moz-box-pack:center;
				-moz-box-align:center;
			/* Safari、Opera 以及 Chrome */
				-webkit-box-pack:center;
				-webkit-box-align:center;
			/* W3C */
				box-pack:center;
				box-align:center;
}
/***************************/

		/***********一些格子常用宽度百分比 *****************/
.w_20{width:20%}
.w_25{width:25%}
.w_30{width:30%}
.w_50{width:50%}

/****************通用部分END*************/
.nav_box{
 display: -moz-box; 
    display: -webkit-box; 
    display: box; }
.nav_book{padding:0;line-height:50px;border-bottom:1px solid #eee;}
.nav_icon{width:40px;text-align:center;display:inline-block;}
.nav_icon img{width:28px;
			height:28px;
			border-radius:50%;
			margin-top:9px;
	}
.nav_auto{width:12em;display:inline-block;
		width:calc( 100% - 43px * 3 ) ;
		overflow: hidden;margin-bottom:5px;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
.nav_book{color:#bbb;}
.nav_book a{color:#bbb}
.readtips{
	background:#44B549;
	color:#fff;
	padding:10px 0px;
}
.readtips_box{	display:table;
	font-size:14px;
	width:100%;margin:0;padding:0;}
.readtips_l{display:table-cell;
		text-align:center;
}
.readtips_r{display:table-cell;
		width:5.5em;
		text-align:center;
		background:#f99b21;
}
.readtips_close{display:table-cell;
			text-align:center;
			background:#44B549;
			width:2em;
}
.readtips_btn{border:none;
			background:none;
		width:100%;
		display:inline-block;
		height:32px;
		line-height:32px;
		color:#fff;
		
}

#text{margin:auto;width:85%;}
#text p{line-height:1.9em;
		text-indent:2em;
		margin:8px 0px;
			text-align:justify;
			text-justify:inter-ideograph;
}
.menu{
	  background:#fff;
	  color:#000;
}
.menu a{color:#000;}
.menu .one,
.menu .two
{margin:auto;}
.menu i{font-size:20px}
.menu .one li,
.menu .two li{text-align:center;
font-size:14px; 
background:#eee; 
margin:1px;
line-height:32px;
}
.menu .one li{display:block;width:12%;width:calc( 100%/8 - 2px );}
.menu .two li{display:block;width:24%;width:calc( 100%/4 - 2px );}
.next{margin:0 0px 50px 10px ;
		width:calc( 100% - 70px);
		height:45px;
		text-align:center;
}
.next a{display:block;
		width:30%;
		width:calc( 100%/3 - 2px );
		background:#eee;color:#000;margin:1px;
		line-height:45px;
}
#weixin,.#other{}
#weixin{margin:20px auto;}

.other_tips p,.qiandao p{line-height:1.5em;
			margin:12px 0px;
			text-align:justify;
			text-justify:inter-ideograph;
}
.zhuigeng{width:calc( 100% - 20px );
		margin:0 auto;
}
.zhuigeng img{width:100%}
.other_tips,.qiandao{
			line-height:1.5em;
			margin:18px auto;
			width:90%;
			padding:5px;
			background:#eee;
			color:#666;
			font-size:14px;
			outline:1px solid #ccc;
			outline-offset:5px;
			position:relative;
}
.other_tips h3,.qiandao h3{border-bottom:1px solid #ccc;
				font-size:150%;
				padding:10px 0px;
				margin:0px 0px 10px 0px;
		/*
		border-top:1px solid #bbb;
		background:#5DB4F1;
		*/
}
.big{margin:0px 5px;color:#FF9966}
.other_tips b:before{content:"";}
.other_tips b:after{content:"";}
.other_tips span{display:inline-block;
				background:#5DB4F1;
				width:1.5em;
				text-align:center;
				color:#fff;
}

/**************************
.other_tips li{
			border-bottom:1px solid #bbb;
			background:#5DB4F1;
			text-align:justify;
			text-justify:inter-ideograph;
			font-size:14px;
}
****************************/

/****************************
.other_tips li:nth-child(even) {background:#6FD2CF;}
.other_tips li:nth-child(odd) {background:#0099CC;}
******************************/

/*******************************
.arrow_box {
	position: relative;
	background: #FFF;
	border: 1px solid #f5881b;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 34px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(245, 136, 27, 0);
	border-top-color: #f5881b;
	border-width: 11px;
	margin-left: -11px;
}
*******************************************/
